<template>
  <div class="content_card">
    <van-row class="content_title" type="flex" justify="space-between">

      <van-col span="4" class="user_avatar">
        <van-image round cover
                   :src="auditObj.avatar ? auditObj.avatar : logoImg"
                   width="1.5rem" height="1.5rem"
        />
      </van-col>
      <van-col span="20" class="user_nickname">
        <div style="margin-bottom: 6px; font-weight: bolder">{{auditObj.audit_nickname}}</div>
        <div>审核价格：
          <span style="font-weight: bolder; color: red; margin-right: 6px; font-size: 15px;">
            {{auditObj.audit_price}}
          </span>元
        </div>
      </van-col>
    </van-row>

    <van-row class="content_reason" type="flex" justify="space-between" >

      <van-col span="5" class="user_avatar">
        <span>审核理由：</span>
      </van-col>
      <van-col span="19" class="reason_text">
        <span>{{auditObj.audit_reason}}</span>
      </van-col>
    </van-row>
    <van-row class="content_reason" type="flex" justify="space-between" v-show="isGroupAudit" >

      <van-col span="5" class="user_avatar">
        <span>派发股份：</span>
      </van-col>
      <van-col span="19" class="reason_text">
        <span>{{auditObj.distribute_stock}}股</span>
      </van-col>
    </van-row>

    <van-row class="content_time" type="flex" align="center">
      <van-col span="5">
        <span>审核时间：</span>
      </van-col>
      <van-col span="19" class="apply_time">
        <van-button style="border: none; margin-right: 25%; color: black; font-size: 13px"
                    plain type="info" size="mini"
        >{{auditObj.audit_time}}</van-button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import logoImg from '@/assets/logo.png'
export default {
  props: ['auditObj', 'isGroupAudit'],
  data(){
    return {
      logoImg,
    }
  },

};
</script>


<style scoped lang="scss">
.content_card{
  padding: 0 5px 0 10px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #F7F7F7;
  font-size: 14px;
  .content_title{
    .user_avatar{
    }
    .user_nickname {
      padding: 10px 0 0 10px;
      border-bottom: 1px solid #F7F7F7;
    }
  }
  .content_reason{
    margin: 4px 0;
    .reason_text{
      border-bottom: 1px solid #F7F7F7;
      padding-bottom: 20px;
    }
  }
  .content_photo{
    padding-bottom: 1px;
    .content_pic{
      border-bottom: 1px solid #F7F7F7;
    }
  }
  .content_time{
    border-bottom: 1px solid #DEE1E6;
    padding-bottom: 4px;
    .apply_time{
      //vertical-align: center;
    }
  }
}
</style>
